<div class="WorkFlex">
    <div class="Plan">
        <div class="PlanLeft">
            <h1 ng-click="goto1('eng.main')" style="cursor:pointer;"><span>国际工程</span>></h1>
            <div class="WorkClass">
                <div class="workList">
                    <h2>技术规范</h2>
                    <ul>
                        <li ng-repeat="item in fileStandard">
                            <p><img ng-src="{{item.typeId | getIconSmall}}" alt=""><a title="{{item.name}}" ng-bind="item.name" ng-click="goto('fileId',item.fileId,'eng.techdetail')"></a></p>
                            <span>下载所需：{{item.price}}积分</span>
                        </li>
                    </ul>
                </div>
                <div class="workList">
                    <h2>项目管理</h2>
                    <ul>
                        <li ng-repeat="item in fileProject">
                            <p><img ng-src="{{item.typeId | getIconSmall}}" alt=""><a title="{{item.name}}" ng-bind="item.name" ng-click="goto('fileId',item.fileId,'eng.techdetail')"></a></p>
                            <span>下载所需：{{item.price}}积分</span>
                        </li>
                    </ul>
                </div>
                <div class="workList">
                    <h2>国际商务</h2>
                    <ul>
                        <li ng-repeat="item in fileBusiness">
                            <p><img ng-src="{{item.typeId | getIconSmall}}" alt=""><a title="{{item.name}}" ng-bind="item.name" ng-click="goto('fileId',item.fileId,'eng.techdetail')"></a></p>
                            <span>下载所需：{{item.price}}积分</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="PlanRight">
            <h1>百问百答</h1>
            <div class="SolveList">
                <div class="SolveTit">
                    <a href="javascript:;">已解决： <span ng-bind="postbar.sum[0].answerCount"></span></a>
                    <a href="javascript:;">待回答： <b ng-bind="postbar.sum[0].unanswerCount"></b></a>
                </div>
                <div class="resolved">
                    <dl ng-repeat="postbarLi in postbar.list" ng-click="goto('postbarId',postbarLi.postbarId,'eng.postbardeta')">
                        <dt ng-if="postbarLi.solve == 1 && postbarLi.replyCount == 0" style="color: #EC251F;border-color: #EC251F;"><span class="resovedNum" ng-bind="postbarLi.replyCount"></span><p>回答</p></dt>
                        <dt ng-if="postbarLi.solve == 1 && postbarLi.replyCount != 0" style="color: #35b558;border-color: #35b558;"><span class="resovedNum" ng-bind="postbarLi.replyCount"></span><p>回答</p></dt>
                        <dt ng-if="postbarLi.solve == 2" style="color: #ccc;border-color: #ccc;"><span class="resovedNum" ng-bind="postbarLi.replyCount"></span><p>解决</p></dt>
                        <dd>

                            <p class="problem" title="{{ postbarLi.title}}" ng-bind="postbarLi.title | getRightHome2"></p>



                            <p><span ng-bind="postbarLi.time.split(' ')[0].slice(5)"></span><b ng-bind="postbarLi.detalList[0].dcName | getRightHome3">建筑工程</b></p>
                        </dd>
                    </dl>
                    <div class="Pull">
                        <a ng-click="gotoAsk('eng.iask')">我要提问</a>
                        <div class="PullBg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .WorkClass{
        width:903px;
        height:377px;
        padding:21px 0 0 15px;
        border:1px solid #ddd;
        background: #fff;
    }
    .workList{
        float: left;
        width:301px;
    }
    .workList h2{
        font-size: 18px;
        padding-left: 18px;
        background: url("them/imag/worklist.png") no-repeat left center;
        margin-bottom: ;
    }
    .workList ul{
        padding-left: 2px;
    }
    .workList ul li{
        height:37px;
        margin-top: 30px;
    }
    .workList ul li p{
        height:12px;
        margin-bottom: 11px;
    }
    .workList ul li p img{
        float: left;
    }
    .workList ul li p a{
        color: #333;
        float: left;
        padding-left: 10px;
        width:250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .workList ul li p a:hover{
        color: #30a3ff;
        text-decoration: underline;
    }
    .workList ul li span{
        padding-left: 24px;
        color: #999;
    }
    .WorkFlex{
        background: url(them/img/jb-bg.png) repeat;
        width:100%;
        height:519px;
        overflow: hidden;
        clear: both;
    }
    .Plan {
        width:1200px;
        height:468px;
        margin:0 auto;
        margin-top:50px;
    }
    .PlanLeft {
        float: left;
        width:920px;
    }
    .PlanLeft h1{
        font-weight: normal;
        padding-left: 27px;
        font-size: 12px;
        height: 69px;
        width: 125px;
        background: url(them/imgs/PracticeBg.jpg) no-repeat;
        cursor: pointer;
    }
    .PlanLeft h1 span {
        font-weight: bold;
        font-size: 24px;
        color: #30a3ff;
        padding-right: 18px;
    }
    .PlanLeft h1:hover{
        color: #30a3ff;
    }
    .PlanLeft h1 i{
        font-style: normal;
        font-size: 12px;
        font-weight: normal;
        color: #999;
        padding-left: 36px;
    }


    .PlanRight {
        width:268px;
        float: right;
        margin-top: 17.5px;
    }
    .PlanRight h1 {
        height: 52px;
        line-height:52px;
        width: 100%;
        padding-left: 24px;
        font-size: 18px;
        background: url("them/imgs/zfx.png")0 21px no-repeat;
    }
    .SolveList {
        width:270px;
        border:1px solid #ddd;
        background: #fff;
        height:397px;
    }
    .SolveTit {
        margin: 12px 0 15px 15px;
        width:237px;
    }
    .SolveTit a {
        font-size:12px;
        padding-right:16px;
        cursor: default;
    }
    .SolveTit a span {
        color: #35b558;
    }
    .SolveTit a b {
        color: #ec251f;
    }
    .resolved dl {
        width:237px;
        height:38px;
        margin-left:15px;
        margin-bottom:29px;
    }
    .resolved dl:nth-last-of-type(1){
        margin-bottom: 20px;
    }
    .resolved dl dt {
        color: #35b558;
        float: left;
        width:36px;
        height:36px;
        border:1px solid #35b558;
        text-align: center;
        margin-right:20px;
    }
    .resolved dl dd {
        width:240px;
        height:38px;
    }
    .resolved dl dd p:nth-of-type(1) {
        cursor: pointer;
    }
    .resolved dl dd p span{
        font-size:14px;
    }
    .resolved dl dd p:hover{
        color: #30a3ff;
    }
    .resolved dl dd p b {
        float: right;
        font-weight: normal;
    }
    .resolved dl dd p b,.resolved dl dd p span {
        color: #ddd;
    }
    .resovedNum {
        margin-top:5px;
    }
    .problem {
        margin-bottom:8px;
    }
    .Pull {
        margin:0 auto;
        width:102px;
        height:23px;
        text-align: center;
        line-height:23px;
    }
    .Pull a:hover{
        color: #30a3ff;
    }
    .PullBg {
        width:100px;
        height:9px;
        border:1px solid #30a3ff;
        border-top:none;
        position: relative;
        top:-9px;
    }
</style>
